<head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/bootstrap-theme.min.css">
        <link rel="stylesheet" href="css/flexslider.css">

        <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&subset=latin,vietnamese' rel='stylesheet' type='text/css'>

        <link rel="stylesheet" href="css/main.css">

    </head>
    <body>
        <div id="container">
            <header>
                <hr class="line">
                <section class="container">
                    <div class="header">
                        <ul>
                            <li class="row logo-head">
                                <div class="logo col-md-6">
                                    <img src="img/logo.png" alt="logo">
                                </div>
                                <div class="search col-md-6">                                  
                                        <form method="get" id="searchform">
                                            <input name="s" type="text" class="search-box" placeholder="Tìm kiếm..." >
                                            <input type="submit" class="sprite btn-search" value=""/>
                                        </form>                                
                                </div>
                            </li>
                            <li>
                                <button class="navbar-toggle" data-target=".bs-navbar-collapse" data-toggle="collapse" type="button">
                                    <span class="sr-only">
                                        Toggle navigation
                                    </span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                                <nav class="collapse navbar-collapse bs-navbar-collapse nav-collapse" role="navigation">
                                    <ul class="nav nav-pills main-nav">
                                        <li class="active"><a href="#">TRANG CHỦ</a></li>
                                        <li><a href="#">GIỚI THIỆU</a></li>
                                        <li><a href="#">GIẢI PHÁP</a></li>
                                        <li><a href="#">DỰ ÁN</a></li>
                                        <li><a href="#">TIN TỨC</a></li>
                                        <li><a href="#">BLOG</a></li>
                                        <li><a href="#">LIÊN HỆ</a></li>
                                    </ul>
                                    <span class="shadow_main_nav"></span>
                                </nav>
                            </li>
                        </ul>
                        <span class="home-header-shadow sprite"></span>
                    </div>
                </section>
            </header><!-- end header -->
             
            <!-- main body of #main -->
            
            <div id="main" role="main">
                <div class="news-head">
                    <section class="container news-head">
                        <h1>
                            Lorem ipsum dollor Proin Sodales Quam Nec Ante
                        </h1>
                        <a href="#">
                            <h2> Web design</h2>
                        </a>
                    </section>
                </div>
                <section class="container news-detail">
                    <div class="row">
                        <div class="col-md-9">
                        <ul class="news-body-content">
                            <li class="news-body-content-post">
                                <p>
                                    <a href="#"> May 20, 2013</a><span> | </span><a href="#"> 30 bình luận</a>
                                </p>
                                <hr>
                                <img src="img/news-detail/news-detail-post1.jpg" alt="img post">
                                <p>
                                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam nibh. Nunc varius facilisis eros. Sed erat. In in velit quis arcu ornare laoreet. Curabitur adipiscing luctus massa. Integer ut purus ac augue commodo commodo. Nunc nec mi eu justo tempor consectetuer. Etiam vitae nisl. In dignissim lacus ut ante. Cras elit lectus, bibendum a, adipiscing vitae, commodo et, dui. Ut tincidunt tortor. Donec nonummy, enim in lacinia pulvinar, velit tellus scelerisque augue, ac posuere libero urna eget neque. Cras ipsum. Vestibulum pretium, lectus nec venenatis volutpat, purus lectus ultrices risus, a condimentum risus mi et quam. Pellentesque auctor fringilla neque. Duis eu massa ut lorem iaculis vestibulum. Maecenas facilisis elit sed justo. Quisque volutpat malesuada velit. 
                                </p>
                                <p>
                                    Nunc at velit quis lectus nonummy eleifend. Curabitur eros. Aenean ligula dolor, gravida auctor, auctor et, suscipit in, erat. Sed malesuada, enim ut congue pharetra, massa elit convallis pede, ornare scelerisque libero neque ut neque. In at libero. Curabitur molestie. Sed vel neque. Proin et dolor ac ipsum elementum malesuada. Praesent id orci. Donec hendrerit. In hac habitasse platea dictumst. Aenean sit amet arcu a turpis posuere pretium. 
                                </p>
                                <blockquote>
                                    Nulla mauris odio, vehicula in, condimentum sit amet, tempus id, metus. Donec at nisi sit amet felis blandit posuere. Aliquam erat volutpat. Cras lobortis orci in quam porttitor cursus. Aenean dignissim. Curabitur facilisis sem at nisi laoreet placerat. Duis sed ipsum ac nibh mattis feugiat. Proin sed purus. Vivamus lectus ipsum, rhoncus sed, scelerisque sit amet, ultrices in, dolor. Aliquam vel magna non nunc ornare bibendum. Sed libero. Maecenas at est. Vivamus ornare, felis et luctus dapibus, lacus leo convallis diam, eget dapibus augue arcu eget arcu.
                                </blockquote>
                                <p>
                                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam nibh. Nunc varius facilisis eros. Sed erat. In in velit quis arcu ornare laoreet. Curabitur adipiscing luctus massa. Integer ut purus ac augue commodo commodo. Nunc nec mi eu justo tempor consectetuer. Etiam vitae nisl. In dignissim lacus ut ante. Cras elit lectus, bibendum a, adipiscing vitae, commodo et, dui. Ut tincidunt tortor. Donec nonummy, enim in lacinia pulvinar, velit tellus scelerisque augue, ac posuere libero urna eget neque. Cras ipsum. Vestibulum pretium, lectus nec venenatis volutpat, purus lectus ultrices risus, a condimentum risus mi et quam. Pellentesque auctor fringilla neque. Duis eu massa ut lorem iaculis vestibulum. Maecenas facilisis elit sed justo. Quisque volutpat malesuada velit. 
                                </p>
                                <p>
                                    Nunc at velit quis lectus nonummy eleifend. Curabitur eros. Aenean ligula dolor, gravida auctor, auctor et, suscipit in, erat. Sed malesuada, enim ut congue pharetra, massa elit convallis pede, ornare scelerisque libero neque ut neque. In at libero. Curabitur molestie. Sed vel neque. Proin et dolor ac ipsum elementum malesuada. Praesent id orci. Donec hendrerit. In hac habitasse platea dictumst. Aenean sit amet arcu a turpis posuere pretium. 
                                </p>
                            </li>
                            <li class="news-detail-view">
                                    <span class="news-detail-tags">
                                        <p>
                                            Tags
                                        </p>
                                        
                                        <a href="#">Democracy,</a>
                                        <a href="#">Olympia,</a>
                                        <a href="#">Pope,</a>
                                        <a href="#">Vatican</a>
                                    </span>
                                    <span class="news-detail-share">
                                        Share this by
                                        <a href="#" class="sprite news-detail-share-forrt sprite">
                                            <img src="img/icon/1.jpg">
                                        </a>
                                        <a href="#" class="sprite news-detail-share-google sprite">
                                             <img src="img/icon/2.jpg">
                                        </a>
                                        <a href="#" class="sprite news-detail-share-tw sprite">
                                             <img src="img/icon/3.jpg">
                                        </a>
                                        <a href="#" class="sprite news-detail-share-pin sprite">
                                             <img src="img/icon/4.jpg">
                                        </a>
                                        <a href="#" class="sprite news-detail-share-in sprite">
                                             <img src="img/icon/5.jpg">
                                        </a>
                                        <a href="#" class="sprite news-detail-share-fb sprite">
                                             <img src="img/icon/6.jpg">
                                        </a>
                                    </span>
                                </li>
                                    <hr>
                                <li class="news-detail-newold">
                                    <a href="#" class="news-detail-newold-new">Bài mới hơn</a>
                                    <a href="#" class="news-detail-newold-old">Bài cũ hơn</a>  
                                </li>
                                <hr>
                                <li class="news-detail-cmt">
                                    <div>
                                        Bình luận  
                                        <span class="span-binhluan"></span>                            
                                    </div>
                                    <form>
                                        <textarea class="news-detail-textarea" rows="4" cols="50" placeholder=""></textarea> 
                                        <input type="text" placeholder="Tên">
                                        <input type="text" placeholder="Email">
                                        <input class="news-detail-submit" type="submit" value="Gửi bình luận"/>
                                    </form>
                                </li>
                                <li style="clear:both;" class="news-detail-RelatedArticles">
                                    <h3>Bài liên quan</h3>
                                    <ul style="clear:both;"  class="row">
                                        <li class="col-md-4">
                                            <a href="#"><img src="img/news-detail/news-detail-post2.jpg" alt="img post"></a>
                                            <a href="#"><p>In condimentum semper diam posurevenenatis ipsum.</p></a>
                                        </li>
                                        <li class="col-md-4">
                                            <a href="#"><img src="img/news-detail/news-detail-post2.jpg" alt="img post"></a>
                                            <a href="#"><p>In condimentum semper diam posurevenenatis ipsum.</p></a>
                                        </li>
                                        <li class="col-md-4">
                                            <a href="#"><img src="img/news-detail/news-detail-post2.jpg" alt="img post"></a>
                                            <a href="#"><p>In condimentum semper diam posurevenenatis ipsum.</p></a>
                                        </li>
                                    </ul>
                                </li>
                        </ul>
                    </div>
                        <div class="col-md-3">
                            <section class="container news-page-arowright">
                                 <ul class="right">
                                      <li class="news-arowright">
                                        <h1>
                                            Danh mục
                                        </h1>
                                        <a href="#"> Web design</a>
                                        <hr>
                                         <a href="#"> Responsive</a>
                                        <hr>
                                         <a href="#"> Branding</a>
                                        <hr>
                                         <a href="#"> Wordpress</a>
                                        <hr>
                                         <a href="#"> Html</a>
                                        <hr>
                                         <a href="#"> Logos</a>
                                        <hr>
                                    </li>
                                    <li class="right-center">
                                    <h1>
                                         Bài xem nhiều
                                    </h1>
                                    <hr>
                                    <li class="right-center-top">
                                    <img src="img/news-detail/news-detail-post1.jpg">
                                    <a href="#">
                                        Nunc vehicula mauris non erat semper vitae euismod felis conselect
                                     </a>
                                    <hr>
                                    </li>
                                
                                    <li class="right-center-center">
                                    <img src="img/news-detail/news-detail-post2.jpg">
                                    <a href="#">
                                        Nunc vehicula mauris non erat semper vitae euismod felis conselect
                                    </a>
                                     <hr>
                                    
                                    </li>
                                   
                                    <li class="right-center-bottom">
                                    <img src="img/news-detail/news-detail-post1.jpg">
                                    <a href="#">
                                        Nunc vehicula mauris non erat semper vitae euismod felis conselect
                                    </a>
                                    <hr>
                                    </li>
                                 
                                    <li class="right-bottom">
                                    <h1>
                                        Tags
                                    </h1>
                                    <p>
                                        <a href="#">April</a> 
                                        <a href="#">Key words</a>
                                        <a href="#">Sunflower</a>
                                        <a href="#">DigiSEO</a>
                                        <a href="#">Red Democracy</a>
                                        <a href="#">Olympia Pope</a>
                                        <a href="#">Vatican</a>
                                        <a href="#">Moon Voyager</a>
                                        <a href="#">Andromeda</a>
                                        <a href="#">Germany</a>
                                        <a href="#">December Wordpress</a>
                                        <a href="#">css5</a>
                                        <a href="#">html7</a>
                                        <a href="#">Branding</a>
                                        <a href="#">Logos</a>
                                    </p>
                                    </li>
                                 
                                    </ul>
                            </section>
                        </div>
                    </div>
                </section>
            </div>
            <!-- begin footer -->
            <footer>
                <ul>
                    <li class="top-footer">
                        <section class="container">
                            <ul class="row"> 
                                <li class="col-md-6 contact">
                                    <p class="lien-he">Liên Hệ</p>
                                    <p><span>Email:</span> info@agilsun.com</p>
                                    <p><span>Adress:</span> 76 Cuu Long, D.10, HMC city</p>
                                    <p><span>Phone no: </span> 013456789 - 01699169049</p>
                                </li>
                                <li class="col-md-6 social-menu">
                                    <p class="group">
                                        <a href="#"><span class="sprite skype"></span></a>
                                        <a href="#"><span class="sprite google"></span></a>
                                        <a href="#"><span class="sprite fb"></span></a>
                                        <a href="#"><span class="sprite bird"></span></a>
                                    </p>
                                    <ul class="nav nav-pills navbar-right footer-nav">
                                        <li><a href="#">Trang chủ</a></li>
                                        <li><a href="#">Giới thiệu</a></li>
                                        <li><a href="#">Giải pháp</a></li>
                                        <li><a href="#">Tin tức</a></li>
                                        <li><a href="#">Blog</a></li>
                                        <li><a href="#">Liên hệ</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </section><!-- end section.container -->
                    </li>
                    <li class="copyright">
                        <section class="container">
                            <p>© 2013 AGILSUN</p>
                        </section><!-- end section.container -->
                    </li>
                </ul>

            </footer><!-- end footer -->
        </div><!-- end #container -->    
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.1.min.js"><\/script>')</script>

        <script src="js/vendor/bootstrap.min.js"></script>

        <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
        
        <script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
        
        <script src="js/main.js"></script>

        <script>
            var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']];
            (function(d, t) {
                var g = d.createElement(t), s = d.getElementsByTagName(t)[0];
                g.src = '//www.google-analytics.com/ga.js';
                s.parentNode.insertBefore(g, s)
            }(document, 'script'));
        </script>
    </body>
</html>
